@charset "utf-8";
/*媒体查询*/
@media screen and (max-width: 1200px) {

}

@media screen and (max-width: 768px) {

}

@media screen and (max-width: 414px) {

}
.g-clearfix {
  zoom: 1;
}
.g-clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: "";
  clear: both;
  height: 0;
  overflow: hidden;
}
.g-hide{
  display: none;
}
.g-visibilityHidden{
  visibility: hidden;
}
.g-inline{
  display: inline-block;
}
.g-fl{
  float: left;
}
.g-fr{
  float: right;
}
.g-overflow-hidden{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space:nowrap;
}

/**
 * [displayFlex 设置盒子的display属性为flex]
 * @return {[type]}           [description]
 */
@mixin displayFlex() {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}

/**
 * [flex 设置盒子flex属性]
 * @param  {[number]} $num  [默认值为1]
 * @return {[type]}           [description]
 */
@mixin flex($num:1) {
  -webkit-box-flex: $num;
  -webkit-flex: $num;
  flex: $num;
}

.g-displayFlex-column {
  @include displayFlex;
  -webkit-flex-direction: column;
  flex-direction: column;
}

.g-displayFlex-row {
  @include displayFlex;
  -webkit-flex-direction: row;
  flex-direction: row;
}

.g-flex1 {
  @include flex(1)
}

.g-flex2 {
  @include flex(2)
}

.g-flex3 {
  @include flex(3)
}

.g-flex4 {
  @include flex(4)
}

.g-flex5 {
  @include flex(5)
}

.g-flex6 {
  @include flex(6)
}

.g-flex7 {
  @include flex(7)
}

.g-flex8 {
  @include flex(8)
}

.g-flex9 {
  @include flex(9)
}

.g-flex10 {
  @include flex(10)
}

/********边距**********/
$space5:5px;
$space10:10px;
$space15:15px;
$space20:20px;
$space25:25px;
$space30:30px;
$space35:35px;
$space40:40px;
$space50:50px;
$space60:60px;
$space70:70px;
$space80:80px;
$space90:90px;
$space100:100px;
$space110:110px;
$space120:120px;
$space130:130px;
$space135:135px;
$space140:140px;
$space150:150px;
$space150:150px;
$space160:160px;
$space170:170px;
$space180:180px;
$space190:190px;
$space200:200px;
$space300:300px;
$space350:350px;
$space400:400px;
/***margin***/
.m5 { margin: $space5;}
.m10 { margin: $space10;}
.m15 { margin: $space15;}
.m20 { margin: $space20;}
.m25 { margin: $space25;}
.m30 { margin: $space30;}
.m35 { margin: $space35;}
.m40 { margin: $space40;}
.m50 { margin: $space50;}
.m100 { margin: $space100;}

.mt5 { margin-top: $space5;}
.mt10 { margin-top: $space10;}
.mt15 { margin-top: $space15;}
.mt20 { margin-top: $space20;}
.mt25 { margin-top: $space25;}
.mt30 { margin-top: $space30;}
.mt35 { margin-top: $space35;}
.mt40 { margin-top: $space40;}
.mt50 { margin-top: $space50;}
.mt100 { margin-top: $space100;}

.mb5 { margin-bottom: $space5;}
.mb10 { margin-bottom: $space10;}
.mb15 { margin-bottom: $space15;}
.mb20 { margin-bottom: $space20;}
.mb25 { margin-bottom: $space25;}
.mb30 { margin-bottom: $space30;}
.mb35 { margin-bottom: $space35;}
.mb40 { margin-bottom: $space40;}
.mb50 { margin-bottom: $space50;}
.mb100 { margin-bottom: $space100;}

.ml5 { margin-left: $space5;}
.ml10 { margin-left: $space10;}
.ml15 { margin-left: $space15;}
.ml20 { margin-left: $space20;}
.ml25 { margin-left: $space25;}
.ml30 { margin-left: $space30;}
.ml35 { margin-left: $space35;}
.ml40 { margin-left: $space40;}
.ml50 { margin-left: $space50;}

.ml100 { margin-left: $space100;}
.ml110 { margin-left: $space110;}
.ml120 { margin-left: $space120;}
.ml130 { margin-left: $space130;}
.ml140 { margin-left: $space140;}
.ml150 { margin-left: $space150;}
.ml160 { margin-left: $space160;}
.ml135 { margin-left: $space135;}
.ml350 { margin-left: $space350;}

.mr5 { margin-right: $space5;}
.mr10 { margin-right: $space10;}
.mr15 { margin-right: $space15;}
.mr20 { margin-right: $space20;}
.mr25 { margin-right: $space25;}
.mr30 { margin-right: $space30;}
.mr35 { margin-right: $space35;}
.mr40 { margin-right: $space40;}
.mr50 { margin-right: $space50;}
.mr100 { margin-right: $space100;}

/***padding***/
.p5 { padding: $space5;}
.p10 { padding: $space10;}
.p15 { padding: $space15;}
.p20 { padding: $space20;}
.p25 { padding: $space25;}
.p30 { padding: $space30;}
.p35 { padding: $space35;}
.p40 { padding: $space40;}
.p50 { padding: $space50;}
.p100 { padding: $space100;}

.pt5 { padding-top: $space5;}
.pt10 { padding-top: $space10;}
.pt15 { padding-top: $space15;}
.pt20 { padding-top: $space20;}
.pt25 { padding-top: $space25;}
.pt30 { padding-top: $space30;}
.pt35 { padding-top: $space35;}
.pt40 { padding-top: $space40;}
.pt50 { padding-top: $space50;}
.pt100 { padding-top: $space100;}

.pb5 { padding-bottom: $space5;}
.pb10 { padding-bottom: $space10;}
.pb15 { padding-bottom: $space15;}
.pb20 { padding-bottom: $space20;}
.pb25 { padding-bottom: $space25;}
.pb30 { padding-bottom: $space30;}
.pb35 { padding-bottom: $space35;}
.pb40 { padding-bottom: $space40;}
.pb50 { padding-bottom: $space50;}
.pb100 { padding-bottom: $space100;}

.pl5 { padding-left: $space5;}
.pl10 { padding-left: $space10;}
.pl15 { padding-left: $space15;}
.pl20 { padding-left: $space20;}
.pl25 { padding-left: $space25;}
.pl30 { padding-left: $space30;}
.pl35 { padding-left: $space35;}
.pl40 { padding-left: $space40;}
.pl50 { padding-left: $space50;}
.pl100 { padding-left: $space100;}
.pl135 { padding-left: $space135;}

.pr5 { padding-right: $space5;}
.pr10 { padding-right: $space10;}
.pr15 { padding-right: $space15;}
.pr20 { padding-right: $space20;}
.pr25 { padding-right: $space25;}
.pr30 { padding-right: $space30;}
.pr35 { padding-right: $space35;}
.pr40 { padding-right: $space40;}
.pr50 { padding-right: $space50;}
.pr100 { padding-right: $space100;}
/**width**/
.w5 { width: $space5;}
.w10 { width: $space10;}
.w15 { width: $space15;}
.w20 { width: $space20;}
.w25 { width: $space25;}
.w30 { width: $space30;}
.w35 { width: $space35;}
.w40 { width: $space40;}
.w50 { width: $space50;}
.w60 { width: $space60;}
.w70 { width: $space70;}
.w80 { width: $space80;}
.w90 { width: $space90;}
.w100 { width: $space100;}
.w110 { width: $space110;}
.w120 { width: $space120;}
.w130 { width: $space130;}
.w140 { width: $space140;}
.w150 { width: $space150;}
.w160 { width: $space160;}
.w170 { width: $space170;}
.w180 { width: $space180;}
.w190 { width: $space190;}
.w200 { width: $space200;}
.w300 { width: $space300;}
.w400 { width: $space400;}

.g-h3{
  line-height: 40px;
  font-weight: bold;
}
.g-tc{
  text-align: center;
}
